module.exports = {
  purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  darkMode: 'media', // or 'media' or 'class'
  theme: {

    screens: {
      'sm': '640px',
      // => @media (min-width: 640px) { ... }

      'md': '768px',
      // => @media (min-width: 768px) { ... }

      'lg': '1024px',
      // => @media (min-width: 1024px) { ... }

      'xl': '1280px',
      // => @media (min-width: 1280px) { ... }

      '2xl': '1536px',
      // => @media (min-width: 1536px) { ... }
    },
    extend: {
      colors: {
        black: '#323233',
        'navi-text': '#D0CFCE',
        'footer-text': '#191919',
        'hr': '#dbdbdb',
        'footer-navi-text': '#606060',
        'copyright': '#a8a8a8',
        'footer-bg': '#f2f2f2',
        'clinc-bg': '#cd7139',
        'link': '#2D70C3',
        'placeHolder': '#b3b3b3'
      },

      height: {
        'px': '1px',
        'footer': '380px',
        'footer-275': '275px',
        'footer-300': '300px',
        'header': '556px',
        'clinc': '1100px',
        '450': '450px',
        '700': '700px',
        '484': '484px',
        '264': '264px',
        '300': '300px',
        '310': '310px',
        '500': '500px',
        '650': '650px',
        '730': '730px',
        '11': '46px'
      },
      width: {
        '450': '450px',
        '296': '296px',
        '350': '350px',
        '400': '400px',
        '470': '470px',
        '750': '750px',
        '810': '810px',
        '1000': '1000px'
      },
      translate: {
        '200': '-200%',
        '300': '-300%',
        '400': '-400%'
      },
      flex: {
        '2': '2 2 0%'
      },
      backgroundImage: theme => ({
        'document': "url(@/assets/document.png)",
        'small-logo': "url('@/assets/logo.png')",
        'small-search': "url('@/assets/search.png')",
        'contactUs': "url(https://note.youdao.com/yws/api/personal/file/WEBeda17bf60019a82b633f63e9ed7539c1?method=download&shareKey=831aed4fe0d07a8b227253086bdfd328)"
      })
    },
  },
  variants: {
    extend: {
      order: ['last', 'first']

    },
  },
  plugins: []
}
